<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">
		<%@ include file="../../../common/jsp/include.jsp"%>
		<script type="text/javascript" src="<c:url value="/miniui/base/model/baseModel_index.js" />"></script>
		<style type="text/css">
html,html body {
	padding: 0;
	border: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-family: Verdana;
	font-size: 12px;
	line-height: 22px;
}

.header {
	background: url(../header.gif) repeat-x 0 -1px;
}
</style>
<script type="text/javascript" src="<c:url value="/miniui/base/model/baseModel_index.js"/>"></script>
	</head>

	<body>
		<div id="layout1" class="mini-layout"
			style="width: 100%; height: 100%;">

			<%--<div class="header" region="north" height="70" showSplit="false" showHeader="false">
    </div>--%>
			<%--<div title="south" region="south" showSplit="false" showHeader="false" height="30" >
    </div>--%>
			<div title="center" region="center" bodyStyle="overflow:hidden;" >
				<!--Splitter-->
				<div class="mini-splitter" style="width: 100%; height: 100%;"
					borderStyle="border:0;">
					<div size="180" maxSize="250" minSize="100" style=""
						showCollapseButton="true">
						<%--<ul id="tree1" class="mini-tree" url="/psw/miniui/base/model/tree.txt"
							style="width: 300px; padding: 5px;" showTreeIcon="true"
							textField="text" idField="id">
						</ul>--%>
						<ul id="tree1" class="mini-tree" url="<%=basePath%>/common/jsp/TreeService.jsp?method=LoadNodes" style="width:300px;height:100%;padding:5px;"
						    showTreeIcon="true" textField="name" idField="id" onbeforeload="onBeforeTreeLoad"
						    onnodeclick="onNodeClick">
						</ul>
					</div>
					<div showCollapseButton="true" borderStyle="border:0;" >
                         <table style="width: 100%;height: 100%;" class="my_table_div">
                             <tr>
                                 <td style="height: 5%;" class="tdCustom">
                                     <div class="mini-toolbar" style="border-top: none;border-left: none;border-right: none; height: 100%;">
                                        <a class="mini-button" iconCls="icon-add" onclick="add();">Add</a>
                                        <a class="mini-button" iconCls="icon-edit" onclick="edit();">Edit</a>
                                        <a class="mini-button" iconCls="icon-remove" onclick="del();">Delete</a>
                                        <span class="separator"></span>
                                        <a class="mini-button" plain="true">Add</a>
                                        <a class="mini-button" plain="true">Edit</a>
                                        <a class="mini-button" plain="true">Delete</a>
                                        <span class="separator"></span>
                                        <input class="mini-textbox" />
                                        <a class="mini-button" plain="true">Search</a>
                                    </div>
                                 </td>
                             </tr>
                             <tr>
                                 <td style="height: 85%;" class="tdCustom">
                                    <div id="datagrid1" class="mini-datagrid" showTotalCount="true"
                                        style="width: 100%; height: 100%;" showFooter="false"
                                        <%--url="<%=basePath%>/base/model/dataGrid.do"--%>
                                        idField="id" allowResize="false" borderStyle="border:0;">
                                        <div property="columns" >
                                            <div type="indexcolumn"></div>

                                            <div field="id" width="120" headerAlign="center"
                                                allowSort="true" align="center">
                                                IDCard
                                            </div>
                                            <div field="name" width="120" headerAlign="center"
                                                allowSort="true">
                                                Name
                                            </div>
                                            <div field="url" width="100"
                                                align="center" headerAlign="center">
                                                Url
                                            </div>
                                            <div field="display" width="100" allowSort="true" renderer="onGenderRenderer"
                                                 align="center" headerAlign="center">
                                                Display
                                            </div>
                                            <div field="sort" width="100" allowSort="true" headerAlign="center" align="center">
                                                SortID
                                            </div>
                                            <div field="remark" width="100" headerAlign="center"
                                                allowSort="true">
                                                Remark
                                            </div>
                                        </div>
                                    </div>
                                 </td>
                             </tr>
                             <tr style="">
                                 <td style="height: 5%;" class="tdCustom">
                                        <div class="mini-pager" id="page"  style= "width:100%;height: 100%;background: #ccc;"
                                        onpagechanged="onPageChanged" sizeList="[5,10,20,100]" pageSize="10"
                                        showTotalCount="true"
                                        >
                                    </div>
                                 </td>
                             </tr>
                         </table>
						<%--<div class="mini-toolbar" style="border-top: none;border-left: none;border-right: none">
						    <a class="mini-button" iconCls="icon-add" onclick="add();">Add</a>
						    <a class="mini-button" iconCls="icon-edit" onclick="edit();">Edit</a>
						    <a class="mini-button" iconCls="icon-remove" onclick="del();">Delete</a>
						    <span class="separator"></span>
						    <a class="mini-button" plain="true">Add</a>
						    <a class="mini-button" plain="true">Edit</a>
						    <a class="mini-button" plain="true">Delete</a>
						    <span class="separator"></span>
						    <input class="mini-textbox" />
						    <a class="mini-button" plain="true">Search</a>
						</div>

						<div id="datagrid1" class="mini-datagrid" showTotalCount="true"
							style="width: 100%; height: 89%;" showFooter="false"
							&lt;%&ndash;url="<%=basePath%>/base/model/dataGrid.do"&ndash;%&gt;
							idField="id" allowResize="false" borderStyle="border:0;">
							<div property="columns" >
								<div type="indexcolumn"></div>
								&lt;%&ndash;<div field="position_name" width="120" headerAlign="center"
									allowSort="true">
									IDCard
								</div>&ndash;%&gt;
								<div field="name" width="120" headerAlign="center"
									allowSort="true">
									Name
								</div>
								<div field="url" width="100"
									align="center" headerAlign="center">
									Url
								</div>
								<div field="display" width="100" allowSort="true" renderer="onGenderRenderer"
                                     align="center" headerAlign="center">
									Display
								</div>
								<div field="SortID" width="100" allowSort="true" headerAlign="center">
									SortID
								</div>
								<div field="remark" width="100" headerAlign="center"
									allowSort="true">
									Remark
								</div>
							</div>
						</div>
                        <div class="mini-pager" style="width:100%;"
                            totalCount="123" onpagechanged="onPageChanged" sizeList="[5,10,20,100]"
                            showTotalCount="true"
                            >
                        </div>--%>
					</div>
				</div>
			</div>
		</div>
    <script type="text/javascript">
        mini.parse();
    </script>

	</body>
</html>
